/* 
    Copyright 2012 Omar AL Zabir
    This is part of Droptiles open source project.
    Original inspiration for Metro UI in HTML and CSS came from: http://metroui.org.ua/
*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.bg-color-blue{background-color:#2d89f0 !important;}
.bg-color-blueDark{background-color:#0064cd !important;}
.bg-color-green{background-color:#01a31c !important;}
.bg-color-greenDark{background-color:#005200 !important;}
.bg-color-red{background-color:#bc1c48 !important;}
.bg-color-yellow{background-color:#ffc40d !important;}
.bg-color-orange{background-color:#d44a26 !important;}
.bg-color-pink{background-color:#c3325f !important;}
.bg-color-purple{background-color:#603cba !important;}
.bg-color-darken{background-color:#1c1c1c !important;}
.bg-color-white{background-color:#ffffff !important;}
.metro *{font-family:Tahoma,Arial,Verdana,sans-serif;font-size:11pt;font-weight:400;color:black;}
.metro a:hover,.metro .link:hover{color:#44d1da;}
.metro a:active,.metro .link:active{color:#52ecff;}
.metro h1,.metro h2,.metro h3,.metro h4,.metro h5,.metro p{margin-bottom:10px;}
.metro h1{color:black;font-size:42pt;font-weight:400;font-family:"Segoe UI Light",Tahoma,Arial,Verdana,sans-serif;}
.metro h2{font-size:20pt;font-weight:400;color:#a5a5a5;font-family:"Segoe UI Light",Tahoma,Arial,Verdana,sans-serif;}
.metro h3{color:black;font-size:18pt;font-weight:600;font-family:"Segoe UI Light",Tahoma,Arial,Verdana,sans-serif;}
.metro h4{font-size:11pt;font-weight:600;color:#a5a5a5;}
.metro .navigation,.metro .item-title,.metro .item-header{color:#ffffff;font-size:11pt;font-weight:400;}
.metro p,.metro .body-text{font-size:11pt;font-weight:300;color:#ffffff;}
.metro .body-text-secondary{font-size:10pt;font-weight:400;color:#ffffff;}
.metro a,.metro .link{font-size:11pt;font-weight:300;color:#081073;}
.metro .tertiary-info,.metro .tertiary-info-secondary{font-size:10pt;font-weight:11pt;color:#a5a5a5;}
.metro .tertiary-info-secondary{font-size:9pt;}
.place-left{float:left;}
.place-right{float:right;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.pos-fix{position:fixed;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.top-left{position:absolute;top:0;left:0;}
.top-right{position:absolute;top:0;right:0;}
.bottom-right{position:absolute;bottom:0;right:0;}
.bottom-left{position:absolute;bottom:0;left:0;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.metro .metro-sections{position:relative;overflow:hidden; }
.metro .metro-sections .metro-section{float:left;margin-right:75px;height:auto;width:960px;position:relative;-moz-transform:perspective(600px);-webkit-transform:perspective(600px);-ms-transform:perspective(600px);-o-transform:perspective(600px);transform:perspective(600px);}
.metro .metro-sections .metro-section .next-section{position:absolute;top:0px;right:-40px;background:url(/img/next.png);height:24px;width:24px;}
.metro .metro-sections .metro-section .next-section.back{background:url(/img/back.png);}
.metro .metro-sections .metro-section .tile:hover{outline:3px #225a68 solid !important;}
.metro .metro-sections .metro-section .tile.tile-active-right{-ms-transform:perspective(600px) rotatey(5deg);-o-transform:perspective(600px) rotatey(5deg);-moz-transform:perspective(600px) rotatey(5deg);-webkit-transform:perspective(600px) rotatey(5deg);transform:perspective(600px) rotatey(5deg);}
.metro .metro-sections .metro-section .tile.tile-active-left{-ms-transform:perspective(600px) rotatey(-5deg);-o-transform:perspective(600px) rotatey(-5deg);-moz-transform:perspective(600px) rotatey(-5deg);-webkit-transform:perspective(600px) rotatey(-5deg);transform:perspective(600px) rotatey(-5deg);}
.metro .metro-sections .metro-section .tile{display:block;background-color:#2d89f0;width:150px;height:150px;color:#fff;margin:5px;float:left;position:relative;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Tahoma,Arial,Verdana,sans-serif;}
.metro .metro-sections .metro-section .tile .tile-icon-large{margin-top:20px;margin-left:0px;display:table-cell;vertical-align:middle !important;text-align:center;width:150px;padding-top:20px;}.metro .metro-sections .metro-section .tile .tile-icon-large img{width:96px;height:96px;}
.metro .metro-sections .metro-section .tile .tile-icon-cover{margin-top:20px;margin-left:0px;display:table-cell;vertical-align:middle !important;text-align:center;width:150px;padding-top:30px;}.metro .metro-sections .metro-section .tile .tile-icon-cover img{max-width:90px;height:90px;}
.metro .metro-sections .metro-section .tile .tile-icon{position:absolute;bottom:10px;left:20px;width:32px;height:32px;}
.metro .metro-sections .metro-section .tile .tile-label{position:absolute;bottom:10px;left:20px;font-size:14px;color:#fff;}
.metro .metro-sections .metro-section .tile .tile-caption{position:absolute;top:0px;left:0px;width:130px;padding:2px 10px;border-bottom:1px #ff4500 solid;background:#fff;font-size:14px;color:#000;font-size:10px;text-align:right;}
.metro .metro-sections .metro-section .tile .tile-header{font-size:19px;color:#7ac479;text-align:left;margin:20px;}
.metro .metro-sections .metro-section .tile .tile-counter{position:absolute;right:20px;bottom:10px;font-size:14px;font-weight:normal;}
.metro .metro-sections .metro-section .tile .tile-text{text-align:left;margin-top:20px;margin-left:20px;font-size:12px;}
.metro .metro-sections .metro-section .tile input { color: black;}
.metro .metro-sections .metro-section .tile .tile-image{padding:0px; height:100%;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:100%;width:100%;}
.metro .metro-sections .metro-section .tile .tile-content-main{height:150px;position:relative;overflow:hidden;}
.metro .metro-sections .metro-section .tile .tile-content-sub{position:absolute; opacity:0; bottom:0px; margin:0px;width:100%; height:0px; max-height:148px;padding:2px 5px;overflow:hidden;box-shadow-bottom:inset 0px 0px 3px #fff;}
.metro .metro-sections .metro-section .tile.tile-double{width:310px;}.metro .metro-sections .metro-section .tile.tile-double .tile-icon-large{margin-top:20px;margin-left:107px;}
.metro .metro-sections .metro-section .tile.tile-double .tile-icon-cover,.metro .metro-sections .metro-section .tile.tile-double .tile-icon-large{width:310px;}
.metro .metro-sections .metro-section .tile.tile-double-vertical{height:310px;}.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-large{margin-top:20px;margin-left:107px;}
.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-content-main{height:310px;position:relative;overflow:hidden;}
.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-cover,.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-large{height:310px;}
.metro .metro-sections .metro-section .tile.tile-triple-vertical{height:470px;}.metro .metro-sections .metro-section .tile.tile-triple-vertical .tile-icon-large{padding-top:187px;}
.metro .metro-sections .metro-section .tile.tile-triple-vertical .tile-content-main{height:470px;position:relative;overflow:hidden;}
.metro .metro-sections .metro-section .tile.tile-quadro-vertical{height:630px;}.metro .metro-sections .metro-section .tile.tile-quadro-vertical .tile-icon-large{padding-top:267px;}
.metro .metro-sections .metro-section .tile.tile-quadro-vertical .tile-content-main{height:630px;position:relative;overflow:hidden;}

.metro .metro-sections .metro-section .tile.tile-triple{width:470px;}.metro .metro-sections .metro-section .tile.tile-triple .tile-icon-large{width:470px;}
.metro .metro-sections .metro-section .tile.tile-quadro{width:630px;}.metro .metro-sections .metro-section .tile.tile-quadro .tile-icon-large{width:630px;}
.metro .metro-replies{list-style:none;margin:0;padding:0;}.metro .metro-replies .metro-reply{width:300px;height:auto;padding:10px;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;margin-bottom:10px;margin-right:10px;position:relative;display:block;}.metro .metro-replies .metro-reply .avatar{width:50px;height:50px;overflow:hidden;display:table-cell;vertical-align:middle !important;background:#6e6e6e;box-shadow-bottom:inset 0px 0px 3px #fff;}.metro .metro-replies .metro-reply .avatar img{width:100%;height:100%;display:inline-block !important;vertical-align:middle !important;}
.metro .metro-replies .metro-reply .reply{margin-left:60px;margin-top:-50px;}.metro .metro-replies .metro-reply .reply .date{float:right;font-size:55%;color:#ffffff;}
.metro .metro-replies .metro-reply .reply .author{color:#ffffff;}
.metro .metro-replies .metro-reply .reply .text{font-size:12px;color:#ffffff;}
.metro .metro-replies .metro-reply .sticker{width:0;height:0;border-top:10px solid #ffffff;position:absolute;display:block;z-index:1000;}
.metro .metro-replies .metro-reply .sticker.sticker-color-black{border-top:10px solid #000000 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-blue{border-top:10px solid #ffffff !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-blueDark{border-top:10px solid #0064cd !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-green{border-top:10px solid #01a31c !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-greenDark{border-top:10px solid #005200 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-red{border-top:10px solid #bc1c48 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-yellow{border-top:10px solid #ffc40d !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-orange{border-top:10px solid #d44a26 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-pink{border-top:10px solid #c3325f !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-purple{border-top:10px solid #603cba !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-darken{border-top:10px solid #1c1c1c !important;}
.metro .metro-replies .metro-reply .sticker.sticker-left{border-left:20px solid transparent !important;left:-20px;}
.metro .metro-replies .metro-reply .sticker.sticker-right{border-right:20px solid transparent !important;right:-20px;}
.metro .metro-notices{list-style:none;margin:0;padding:0;}.metro .metro-notices .metro-notice{width:385px;height:90px;display:block;overflow:hidden;position:relative;margin-bottom:10px;}.metro .metro-notices .metro-notice .header{margin-top:15px;margin-right:25px;margin-left:10px;color:#fff;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:13px;font-weight:bolder;}
.metro .metro-notices .metro-notice .text{margin-right:45px;margin-left:10px;color:#fff;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:12px;font-weight:lighter;}
.metro .metro-notices .metro-notice .icon{position:absolute;right:10px;bottom:5px;}.metro .metro-notices .metro-notice .icon img{width:32px;height:32px;}
.metro .metro-notices .metro-notice .image{max-height:48px;width:48px;height:48px;margin:20px 30px 20px 20px;float:left;}.metro .metro-notices .metro-notice .image img{width:48px;height:48px;}
.metro .metro-notices .metro-notice .close{position:absolute;top:5px;right:10px;cursor:pointer;font-weight:bold;text-decoration:none;color:#fff !important;}
.metro .metro-notices .metro-notice .close::before{content:"\00d7";color:#fff !important;}
.metro .metro-notices .metro-notice .image-large{width:88px;height:88px;margin:1px 10px 1px 1px;overflow:hidden;float:left;}.metro .metro-notices .metro-notice .image-large img{width:88px;height:88px;}
.metro .metro-images{list-style:none;margin:0;padding:0;}.metro .metro-images .metro-image{display:block;float:left;width:190px;height:130px;overflow:hidden;border:4px transparent solid;margin:0 10px 10px 0;position:relative;cursor:pointer;}.metro .metro-images .metro-image .image{width:190px;height:130px;display:table-cell;text-align:center;vertical-align:middle;background:#6e6e6e;z-index:1;overflow:hidden;}.metro .metro-images .metro-image .image img{max-width:190px;max-height:130px;display:inline-block !important;vertical-align:middle !important;}
.metro .metro-images .metro-image:hover{border:4px #57d3d9 solid;}.metro .metro-images .metro-image:hover .overlay.floatable{-webkit-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-o-transform:translate(0, -30px);-moz-transform:translate(0, -30px);transform:translate(0, -30px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s easet;}
.metro .metro-images .metro-image:hover .overlay.double.floatable{-webkit-transform:translate(0, -60px);-ms-transform:translate(0, -60px);-o-transform:translate(0, -60px);-moz-transform:translate(0, -60px);transform:translate(0, -60px);}
.metro .metro-images .metro-image .overlay{z-index:2;position:absolute;bottom:0;height:30px;width:100%;background:#262626;overflow:hidden;text-align:center;display:block;float:none;}.metro .metro-images .metro-image .overlay *{margin:0;padding:0;}
.metro .metro-images .metro-image .overlay .text{color:#ffffff;font-size:14px;padding-top:5px;}
.metro .metro-images .metro-image .overlay.double{height:60px;}
.metro .metro-images .metro-image .overlay.floatable{bottom:-30px;}
.metro .metro-images .metro-image .overlay.double.floatable{bottom:-60px;}
.metro .metro-images .metro-image-overlay{display:block;float:left;width:250px;height:250px;overflow:hidden;border:4px transparent solid;margin:0 10px 10px 0;position:relative;cursor:pointer;}.metro .metro-images .metro-image-overlay .image{width:250px;height:160px;display:table-cell;text-align:center;vertical-align:middle;background:#6e6e6e;z-index:1;overflow:hidden;}.metro .metro-images .metro-image-overlay .image img{max-width:250px;max-height:160px;display:inline-block !important;vertical-align:middle !important;}
.metro .metro-images .metro-image-overlay .overlay{z-index:2;position:absolute;bottom:0;height:90px;width:100%;background:#262626;overflow:hidden;text-align:center;display:block;float:none;}.metro .metro-images .metro-image-overlay .overlay *{margin:0;padding:0;}
.metro .metro-images .metro-image-overlay .overlay .text{color:#ffffff;font-size:14px;text-align:left;padding:5px 20px;}.metro .metro-images .metro-image-overlay .overlay .text small{font-size:10px;color:#909090;display:block;margin:5px 0;}
.metro .metro-images .metro-image-overlay:hover{border:4px #57d3d9 solid;}
.metro .metro-images .metro-image .image.stretch img,.metro .metro-images .metro-image-overlay .image.stretch img{width:100% !important;height:100% !important;}
.metro .metro-images .metro-image .image.stretchH img,.metro .metro-images .metro-image-overlay .image.stretchH img{height:100% !important;max-width:auto !important;}
.metro .metro-images .metro-image .image.stretchW img,.metro .metro-images .metro-image-overlay .image.stretchW img{width:100% !important;max-height:auto !important;}
.metro .metro-images .metro-image.no-hovered,.metro .metro-images .metro-image-overlay.no-hovered{border:4px transparent solid;}
.metro .metro-images .metro-image.selected,.metro .metro-images .metro-image-overlay.selected,.metro .metro-images .metro-icon-text.selected,.metro .metro-images .metro-image-text.selected{border:4px #219297 solid;}.metro .metro-images .metro-image.selected b.check,.metro .metro-images .metro-image-overlay.selected b.check,.metro .metro-images .metro-icon-text.selected b.check,.metro .metro-images .metro-image-text.selected b.check{width:0;height:0;border-top:30px solid #219297;border-left:30px solid transparent;position:absolute;display:block;right:0;}.metro .metro-images .metro-image.selected b.check:after,.metro .metro-images .metro-image-overlay.selected b.check:after,.metro .metro-images .metro-icon-text.selected b.check:after,.metro .metro-images .metro-image-text.selected b.check:after{position:absolute;content:"\2713";color:#fff;top:-35px;right:0px;}
.metro .metro-images .metro-icon-text.selected{border:0;background:#219297;}.metro .metro-images .metro-icon-text.selected b.check:after{right:5px;top:-30px;}
.metro .metro-images .metro-icon-text-header{text-decoration:none;color:#fff;margin:20px 0;text-decoration:none;}.metro .metro-images .metro-icon-text-header *{color:#fff;text-decoration:none;}
.metro .metro-images .metro-icon-text.disabled *{color:#696969 !important;}
.metro .metro-images .metro-icon-text.disabled:hover{background:transparent;}
.metro .metro-images .metro-icon-text{display:block;width:250px;height:60px;overflow:hidden;margin:0 10px 10px 0;position:relative;cursor:pointer;background:transparent;padding-bottom:10px;}.metro .metro-images .metro-icon-text .image{margin:10px 0 10px 10px;background:#6e6e6e;border:4px #464646 solid;width:40px;height:40px;float:left;}.metro .metro-images .metro-icon-text .image img{width:100%;height:100%;}
.metro .metro-images .metro-icon-text .text{margin:15px 20px 10px 65px;}.metro .metro-images .metro-icon-text .text .title{color:#fff;font-size:95%;font-weight:bold;}
.metro .metro-images .metro-icon-text .text .subtitle{font-size:75%;color:#ccc;}
.metro .metro-images .metro-icon-text:hover{background:#219297;}
.metro .metro-images .metro-image-text{display:block;width:480px;height:110px;margin:0 10px 10px 0;position:relative;cursor:pointer;background:transparent;padding:10px;overflow:hidden;}.metro .metro-images .metro-image-text:hover{background:#219297;}.metro .metro-images .metro-image-text:hover *{color:#fff !important;}
.metro .metro-images .metro-image-text .image{margin:10px;width:110px;height:110px;display:table-cell;text-align:center;vertical-align:middle;background:#6e6e6e;z-index:1;overflow:hidden;}.metro .metro-images .metro-image-text .image img{max-width:110px;display:inline-block !important;vertical-align:middle !important;}
.metro .metro-images .metro-image-text .text{margin-left:120px;margin-top:-115px;}.metro .metro-images .metro-image-text .text .title{font-size:100%;color:#ffffff;}
.metro .metro-images .metro-image-text .text .subtitle{font-size:75%;color:#7b7b7b;}
.metro .metro-images .metro-image-text .text .description{font-size:90%;color:#ffffff;}
.metro .metro-images .metro-image-text.selected{border:0;background:#219297;}.metro .metro-images .metro-image-text.selected *{color:#fff !important;}
.metro .metro-images .metro-image-text.selected b.check:after{right:5px;top:-40px;}
.metro .metro-button{text-decoration:none;border:2px #e2e2e2 solid;padding:5px 20px;margin:10px 10px 0 0px;color:#fff !important;background:#1d1d1d;cursor:pointer;min-width:50px;display:inline-block;position:relative;text-align:center;border-radius:0;}.metro .metro-button:hover{background:#3a3a3a;}
.metro .metro-button-srch{text-decoration:none;border:2px #e2e2e2 solid;padding:5px 20px;margin-top:-10px;color:#fff !important;background:#1d1d1d;cursor:pointer;min-width:50px;display:inline-block;position:relative;text-align:center;border-radius:0;}.metro .metro-button-srch:hover{background:#3a3a3a;}
.metro .metro-button.default:hover,
.metro .metro-button-srch.default:hover
{background:#219297;}
.metro .metro-button:active,
.metro .metro-button-srch:active
{background:#ffffff;color:#1d1d1d !important;top:2px;left:2px;}
.metro .metro-button.disabled,.metro .metro-button:disabled,.metro .metro-command-button.disabled,.metro .metro-command-button:disabled,
.metro .metro-button-srch.disabled,.metro .metro-button-srch:disabled,.metro .metro-command-button-srch.disabled,.metro .metro-command-button-srch:disabled
{border-color:#777777;color:#777777 !important;cursor:default;background:#1d1d1d !important;}
.metro .metro-button.disabled:hover,.metro .metro-button:disabled:hover,.metro .metro-command-button.disabled:hover,.metro .metro-command-button:disabled:hover,
.metro .metro-buttonsrch.disabled:hover,.metro .metro-button-srch:disabled:hover,.metro .metro-command-button-srch.disabled:hover,.metro .metro-command-button-srch:disabled:hover
{background:#1d1d1d;}
.metro .metro-button.disabled:active,.metro .metro-button:disabled:active,.metro .metro-command-button.disabled:active,.metro .metro-command-button:disabled:active,
.metro .metro-button-srch.disabled:active,.metro .metro-button-srch:disabled:active,.metro .metro-command-button-srch.disabled:active,.metro .metro-command-button-srch:disabled:active
{top:0;left:0;}
.metro input.metro-button,.metro button.metro-button{min-width:94px !important;}
.metro input.metro-button-srch,.metro button.metro-button-srch{min-width:10px !important;}
.metro .metro-button.default, .metro .metro-button-srch.default{background:#008287;}
.metro .metro-button.default:active,.metro .metro-button-srch.default:active{background:#fff;}
.metro .metro-command-button,.metro .metro-command-button-srch{text-decoration:none;border:2px #ffffff solid;padding:5px 20px;display:block;width:240px;height:40px;background:#1d1d1d;position:relative;margin:10px 10px 0 10px;}.metro .metro-command-button .title{color:#fff;display:block;font-weight:bold;}
.metro .metro-command-button .subtitle, .metro .metro-command-button-srch .subtitle{color:#a1a1a1;display:block;font-size:90%;}
.metro .metro-command-button:hover,.metro .metro-command-button-srch:hover{background:#3a3a3a;}
.metro .metro-command-button:active,.metro .metro-command-button-srch:active{background:#ffffff;top:2px;left:2px;}
.metro .metro-command-button:active *, .metro .metro-command-button-srch:active *{color:#000;}
.metro .metro-command-button.default, .metro .metro-command-button-srch.default{background:#008287;}
.metro .metro-command-button.default:active,.metro .metro-command-button-srch.default:active{background:#fff;}
.metro .metro-command-button.default:hover,.metro .metro-command-button-srch.default:hover{background:#219297;}
.metro button.metro-command-button,.metro button.metro-command-button-srch{text-align:left;min-width:285px !important;min-height:60px;}
.metro .metro-command-button.disabled .title,.metro .metro-command-button:disabled .title,.metro .metro-command-button.disabled .subtitle,.metro .metro-command-button:disabled .subtitle,
.metro .metro-command-button-srch.disabled .title,.metro .metro-command-button-srch:disabled .title,.metro .metro-command-button-srch.disabled .subtitle,.metro .metro-command-button-srch:disabled .subtitle
{color:#3a3a3a;}
.metro .metro-command-button.disabled:active .title,.metro .metro-command-button:disabled:active .title,.metro .metro-command-button.disabled:active .subtitle,.metro .metro-command-button:disabled:active .subtitle,
.metro .metro-command-button-srch.disabled:active .title,.metro .metro-command-button-srch:disabled:active .title,.metro .metro-command-button-srch.disabled:active .subtitle,.metro .metro-command-button-srch:disabled:active .subtitle
{color:#3a3a3a;}
.metro .metro-radio,.metro .metro-check,.metro .metro-switch{cursor:pointer;cursor:hand;position:relative;}
.metro .metro-radio input[type=radio],.metro .metro-radio input[type=radio]+span,.metro .metro-radio input[type=radio]+span::before,.metro .metro-radio input[type=radio]+span::after{vertical-align:middle;display:inline-block;}
.metro .metro-radio input[type=radio]{position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.metro .metro-radio input[type=radio]+span{font:normal 13px/14px "Segoe UI",Sans-serif;}
.metro .metro-radio input[type=radio]+span::before{content:"\2022";text-indent:-9999px;width:24px;height:24px;background:#cfcfcf;margin-right:10px;border-radius:50%;}
.metro .metro-radio input[type=radio]:checked+span::after{text-indent:-9999px;position:absolute;content:"\2022";background:#212121;z-index:1000;width:12px;height:12px;border-radius:50%;left:6px;top:6px;}
.metro .metro-radio input[type=radio]:checked+span::before{background:#d1d1d1;}
.metro .metro-radio input[type=radio]:not(:checked):disabled+span::before{cursor:default;background:#868686;}
.metro .metro-radio input[type=radio]:disabled+span::before{cursor:default;background:#868686;}
.metro .metro-radio input[type=radio]:disabled+span::after{background:#484848;}
.metro .metro-radio:hover input[type=radio]:not(:checked):disabled+span::before{background:#868686;}
.metro .metro-radio:hover input[type=radio]:not(:checked)+span::before{background:#ffffff;}
.metro .metro-radio:hover input[type=radio]:checked+span::before{background:#dfdfdf;}
.metro .metro-radio:hover input[type=radio]:checked:disabled+span::before{background:#868686;}
.metro .metro-radio:hover input[type=radio]:checked:disabled+span::after{background:#484848;}
.metro .metro-radio:hover input[type=radio]:checked+span::after{background:#000000;}
.metro .metro-check input[type=checkbox],.metro .metro-check input[type=checkbox]+span,.metro .metro-check input[type=checkbox]+span::before,.metro .metro-check input[type=checkbox]+span::after{vertical-align:middle;display:inline-block;}
.metro .metro-check input[type=checkbox]{position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.metro .metro-check input[type=checkbox]+span{font:normal 13px/14px "Segoe UI",Sans-serif;}
.metro .metro-check:hover input[type=checkbox]+span::before{background:#fff;}
.metro .metro-check:hover input[type=checkbox]:checked+span::before{background:#e1e1e1;}
.metro .metro-check input[type=checkbox]+span::before{content:"\2714";text-indent:-9999px;width:22px;height:22px;background:#d1d1d1;margin-right:10px;}
.metro .metro-check input[type=checkbox]:checked+span::after{position:absolute;content:"\2713";color:#202020;z-index:1000;font-size:20px;font-weight:bold;font-family:Tahoma;left:4px;top:4px;}
.metro .metro-check input[type=checkbox]:checked+span::before{background:#d1d1d1;}
.metro .metro-check input[type=checkbox]:not(:checked):disabled+span::before{cursor:default;background:#767676;}
.metro .metro-check input[type=checkbox]:disabled+span::before{cursor:default;background:#767676;}
.metro .metro-check input[type=checkbox]:disabled+span::after{color:#4c4c4c;}
.metro .metro-check:hover input[type=checkbox]:disabled+span::before{cursor:default;background:#767676;}
.metro .metro-switch input[type=checkbox],.metro .metro-switch input[type=checkbox]+span,.metro .metro-switch input[type=checkbox]+span::before,.metro .metro-switch input[type=checkbox]+span::after{vertical-align:middle;display:inline-block;}
.metro .metro-switch input[type=checkbox]{position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.metro .metro-switch input[type=checkbox]+span{font:normal 13px/14px "Segoe UI",Sans-serif;}
.metro .metro-switch input[type=checkbox]+span::before{content:"";width:43px;height:14px;outline:2px #777777 solid;border:1px #1c1c1c solid;cursor:pointer;background:#6c6c6c;margin-left:2px;position:relative;margin-right:10px;z-index:100;}
.metro .metro-switch input[type=checkbox]+span::after{content:"";position:absolute;top:2px;left:35px;width:13px;height:19px;background:#ffffff;z-index:200;}
.metro .metro-switch input[type=checkbox]:checked+span::before{background:#008287;}
.metro .metro-switch input[type=checkbox]:not(:checked)+span::after{top:2px;left:0px;}
.metro .metro-switch input[type=checkbox]:disabled+span::before{cursor:default !important;background:#383838;outline:2px #494949 solid;}
.metro .metro-switch input[type=checkbox]:disabled+span::after{background:#6c6c6c;}
.metro .metro-switch:hover input[type=checkbox]:not(:checked)+span::before{background:#5f5f5f;}
.metro .metro-switch:hover input[type=checkbox]+span::before{background:#219297;}
.metro .metro-switch:hover input[type=checkbox]:disabled+span::before{cursor:default;background:#383838;}
.metro .metro-form .metro-form-control{margin-bottom:10px;}.metro .metro-form .metro-form-control label{font-size:11pt;}
.metro .metro-form .metro-form-control .metro-text-box{position:relative;width:100%;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]{background:#d2d2d2;border:2px #d2d2d2 solid;color:#646464;border-radius:0;font-size:11pt;padding:5px 8px;width:100%;outline:0;display:inline-block;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]:focus{background:#fff;border-color:#fff;color:#000;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]:disabled{background:#1d1d1d;border:2px #777777 solid;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]:not(:focus):not(:disabled):hover{background:#e2e2e2;}
.metro .metro-form .metro-form-control .metro-text-box .helper{cursor:pointer;z-index:100;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]+.helper::before{display:inline-block;position:absolute;width:16px;height:16px;background:#ccc;top:3px;right:-17px;visibility:hidden;content:"\00d7";font-size:18pt;font-weight:bold;color:#000;cursor:pointer;padding:2px 6px 9px 6px;}
.metro .metro-form .metro-form-control .metro-text-box input[type=text]:focus+.helper::before{visibility:visible;}
.metro .metro-form .metro-form-control .metro-text-box:hover input[type=text]+.helper:before{background:#dedede !important;}
.metro .metro-form .metro-form-control .metro-text-box:action input[type=text]+.helper:before{background:#000 !important;}

.metro .metro-form .metro-form-control .metro-text-box input[type=password]{background:#d2d2d2;border:2px #d2d2d2 solid;color:#646464;border-radius:0;font-size:11pt;padding:5px 8px;width:100%;outline:0;display:inline-block;}
.metro .metro-form .metro-form-control .metro-text-box input[type=password]:focus{background:#fff;border-color:#fff;color:#000;}
.metro .metro-form .metro-form-control .metro-text-box input[type=password]:disabled{background:#1d1d1d;border:2px #777777 solid;}
.metro .metro-form .metro-form-control .metro-text-box input[type=password]:not(:focus):not(:disabled):hover{background:#e2e2e2;}
.metro .metro-form .metro-form-control .metro-text-box input[type=password]+.helper::before{display:inline-block;position:absolute;width:16px;height:16px;background:#ccc;top:3px;right:-17px;visibility:hidden;content:"\00d7";font-size:18pt;font-weight:bold;color:#000;cursor:pointer;padding:2px 6px 9px 6px;}
.metro .metro-form .metro-form-control .metro-text-box input[type=password]:focus+.helper::before{visibility:visible;}
.metro .metro-form .metro-form-control .metro-text-box:hover input[type=password]+.helper:before{background:#dedede !important;}
.metro .metro-form .metro-form-control .metro-text-box:action input[type=password]+.helper:before{background:#000 !important;}

.metro .metro-form .metro-form-control .metro-text-box textarea{background:#d2d2d2;border:2px #d2d2d2 solid;color:#646464;border-radius:0;font-size:11pt;padding:5px 8px;width:100%;outline:0;display:inline-block;}
.metro .metro-form .metro-form-control .metro-text-box select{background:#d2d2d2;border:2px #d2d2d2 solid;color:#646464;border-radius:0;font-size:11pt;padding:5px 8px;width:60px;outline:0;display:inline-block; height: auto;}
.metro .metro-form .metro-form-control .metro-text-box div{width:100%;}

.metro.metro-theme-light{background:#fff;}.metro.metro-theme-light *{color:#1c1c1c;}
.metro.metro-theme-light a{color:#2d89f0;}
.metro.metro-theme-light h1,.metro.metro-theme-light h2,.metro.metro-theme-light h3,.metro.metro-theme-light h4,.metro.metro-theme-light h5,.metro.metro-theme-light h6{color:#1e1e1e !important;}
.metro.metro-theme-light .tile:hover{outline:3px #cfcfcf solid !important;}
.metro.metro-theme-light .tile *{color:#ffffff;}
.metro.metro-theme-light .metro-section .next-section{position:absolute;top:0px;right:-40px;background:url(/img/next-black.png);height:24px;width:24px;}
.metro.metro-theme-light .metro-section .next-section.back{background:url(/img/back-black.png);}
.metro.metro-theme-light .metro-replies .metro-reply{background:#2d89f0;}.metro.metro-theme-light .metro-replies .metro-reply *{color:#1c1c1c;}
.metro.metro-theme-light .metro-icon-text .text .title{color:#000;}
.metro.metro-theme-light .metro-icon-text .text .subtitle{color:#1c1c1c;}
.metro.metro-theme-light .metro-icon-text:hover .text *{color:#fff;}
.metro.metro-theme-light .metro-icon-text.selected .text *{color:#fff;}
.metro.metro-theme-light .metro-icon-text-header{color:#1c1c1c;}
.metro.metro-theme-light .metro-icon-text-header a{color:#1c1c1c;}
.metro.metro-theme-light .metro-image-text .text .title{color:#000;}
.metro.metro-theme-light .metro-image-text .text .subtitle{color:#1c1c1c;}
.metro.metro-theme-light .metro-image-text .text .description{color:#1c1c1c;}
.metro.metro-theme-light .metro-icon-text.selected .text .title{color:#fff;}
.metro.metro-theme-light .metro-icon-text.selected .text .subtitle{color:#fff;}
.metro.metro-theme-light .metro-icon-text-header{color:#1c1c1c;}
.metro.metro-theme-light .metro-button,.metro.metro-theme-light .metro-command-button{background:#cccccc;border-color:#cccccc;color:#1d1d1d !important;}.metro.metro-theme-light .metro-button .title,.metro.metro-theme-light .metro-command-button .title,.metro.metro-theme-light .metro-button .subtitle,.metro.metro-theme-light .metro-command-button .subtitle{color:#1d1d1d !important;}
.metro.metro-theme-light .metro-button:hover,.metro.metro-theme-light .metro-command-button:hover{background:#d8d8d8;border-color:#d8d8d8;}
.metro.metro-theme-light .metro-button.default,.metro.metro-theme-light .metro-command-button.default{background:#008287;border-color:#008287;color:#fff !important;}.metro.metro-theme-light .metro-button.default .title,.metro.metro-theme-light .metro-command-button.default .title,.metro.metro-theme-light .metro-button.default .subtitle,.metro.metro-theme-light .metro-command-button.default .subtitle{color:#fff !important;}
.metro.metro-theme-light .metro-button.default:hover,.metro.metro-theme-light .metro-command-button.default:hover{background:#219297;border-color:#219297;color:#fff !important;}
.metro.metro-theme-light .metro-button:active,.metro.metro-theme-light .metro-command-button:active{background:#000;border-color:#000;color:#fff !important;}
.metro.metro-theme-light .metro-button.disabled,.metro.metro-theme-light .metro-command-button.disabled{background:#eaeaea !important;border-color:#eaeaea !important;color:#9b9b9b !important;}.metro.metro-theme-light .metro-button.disabled .title,.metro.metro-theme-light .metro-command-button.disabled .title,.metro.metro-theme-light .metro-button.disabled .subtitle,.metro.metro-theme-light .metro-command-button.disabled .subtitle{color:#9d9d9d !important;}
.metro.metro-theme-light .metro-button:disabled,.metro.metro-theme-light .metro-command-button:disabled{background:#eaeaea !important;border-color:#eaeaea !important;color:#9b9b9b !important;}.metro.metro-theme-light .metro-button:disabled .title,.metro.metro-theme-light .metro-command-button:disabled .title,.metro.metro-theme-light .metro-button:disabled .subtitle,.metro.metro-theme-light .metro-command-button:disabled .subtitle{color:#9d9d9d !important;}
.metro.metro-theme-light .metro-command-button:active{background:#ccc;border-color:#ccc;}
.metro.metro-theme-light .metro-radio input[type=radio]+span::before{border:2px #cfcfcf solid;background:#fff;height:20px;width:20px;}
.metro.metro-theme-light .metro-radio input[type=radio]:disabled+span::before{background:#e6e6e6;}
.metro.metro-theme-light .metro-radio input[type=radio]:disabled:checked+span::after{background:#8a8a8a;}
.metro.metro-theme-light .metro-radio:hover input[type=radio]:checked+span::before{background:#ffffff;}
.metro.metro-theme-light .metro-radio:hover input[type=radio]:disabled+span::before{background:#e6e6e6;}
.metro.metro-theme-light .metro-radio:hover input[type=radio]:disabled:checked+span::after{background:#8a8a8a;}
.metro.metro-theme-light .metro-radio:hover input[type=radio]:checked+span::after{background:#212121;}
.metro.metro-theme-light .metro-check input[type=checkbox]+span::before{border:2px #cfcfcf solid;background:#fff;height:20px;width:20px;}
.metro.metro-theme-light .metro-check input[type=checkbox]:disabled+span::before{background:#e6e6e6;}
.metro.metro-theme-light .metro-check input[type=checkbox]:disabled:checked+span::after{color:#8a8a8a;}
.metro.metro-theme-light .metro-check:hover input[type=checkbox]+span::before{background:#fff;}
.metro.metro-theme-light .metro-check:hover input[type=checkbox]:disabled+span::before{background:#e6e6e6;}
.metro.metro-theme-light .metro-switch input[type=checkbox]+span::before{border-color:#fff;outline-color:#a6a6a6;}
.metro.metro-theme-light .metro-switch input[type=checkbox]:not(:checked)+span::before{background:#b5b5b5;}
.metro.metro-theme-light .metro-switch input[type=checkbox]+span::after{background:#333;}
.metro.metro-theme-light .metro-switch:hover input[type=checkbox]:checked+span::before{background:#25bbc4;}
.metro.metro-theme-light .metro-switch:hover input[type=checkbox]:not(:checked)+span::before{background:#b5b5b5;}
.metro.metro-theme-light .metro-switch input[type=checkbox]:disabled+span::before,.metro.metro-theme-light .metro-switch:hover input[type=checkbox]:disabled+span::before{background:#e0e0e0;outline-color:#cccccc;}
.metro.metro-theme-light .metro-switch input[type=checkbox]:disabled+span::after,.metro.metro-theme-light .metro-switch:hover input[type=checkbox]:disabled+span::after{background:#a6a6a6;}
.metro{background:transparent;}.metro *{color:black;}
.metro hr{color:#fff;background-color:#fff;}
.metro .metro-replies .metro-reply{background:#1c1c1c;}.metro .metro-replies .metro-reply *{color:#ffffff;}
.tile a {
    text-decoration: none;
}

.metro-tile-link {
    width: 100%;
    height: 100%;
}

.tile input, .tile select {
    color: black;
    background-color: #ccc;
}
                                                       
.highlight {
    border: 4px solid yellow;
}

img { -ms-interpolation-mode: bicubic; }

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#start {
    height: 50px;
    font-family: 'Segoe UI', 'Century Gothic', 'Courier New';
    font-size: 40px;
    color: black;
    
    position: fixed;
    left: 40px;
    top: 65px;
    
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    
    text-shadow: #333 0px 0px 1px;
}

.appstore #start {
    color: black;
}

#user {
    position: fixed;
    top: 65px;
    right: 40px;
    color: black;
    width: 200px;       
    text-align: right;
    cursor: pointer;
}

#name {
    float: left;
    color: black;
    width: 150px;
    text-align: right;    
}
#firstname {
    font-family: 'Segoe UI', 'Century Gothic', 'Arial';
    font-size: 20px;
    margin-bottom: 5px;
}
#lastname {
    font-family: 'Segoe UI', 'Century Gothic', 'Arial';
    font-size: 12px;    
}

#photo {
    float: right;
    width: 40px;
    height: 40px;
    border: 1px solid #cfcfcf;
    background: green;
}

#photo img {
    width: 40px; height: 40px;
}

    
body {
    /* background: transparent url(../img/wallpapers/bg.jpg); */
    position: relative;
    /*padding-top: 90px;*/
    background-color: #fff;
    background-repeat: repeat;    
    }

.appstore {
    background-color: #fff;        
}

.metro-section {
    width: 960px !important;
    height: 99% !important;
    position: relative;    
}

.metro-section-title {    
    font-size: 20pt;
    height: 40px;
    color: black;
    position: relative;    
}

.hover-metro-section {
    border: 1px solid green;
}
        
.metro-sections {
    /*width: 4000px;*/    
    position: relative;
    min-height: 100%;
}
        
#content {
    width: 80%;
    min-height: 100%;
    margin-top: 50px;
    margin-left: 40px;            
}

#body {
    overflow: auto;
    width: 100%;
    min-height: 100%;
    height: 374px;
}

#navbar {
  
}

#metro-sections-container {
    position: absolute;
    bottom: 40px;
    top: 115px;
}

#trash {
    position: fixed;
    top: 50px;
    left: 50%;
    width: 64px;
    height: 64px;
    z-index: 65000;
    background: url(../img/Trashcan.png) no-repeat;
    display: none;
}

.trashcash_highlight {
    border: 2px solid yellow;
}



.appnavbar {
    vertical-align: middle;
    padding: 20px; 
    clear: right;
    position: fixed;
    left: 0px;
    top: 25px;
    right: 0px;
    background-color: white;
    z-index:1;
}

    .appnavbar ul {
        position: relative;
        left: 0;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        clear: both;
    }

    .appnavbar ul>li {
        display: block;
        float: left;
        line-height: 65px;
    }

        .appnavbar ul > li > h1 {
            text-shadow: 0 0 1px #333333;
        }

    .appnavbar .backbutton {
        margin-right: 20px;    
    }

.appnavbar_space {
    clear: both;
    height: 120px;
}

.tooltip {
    z-index: 65535;
}

#copyright {
    position: fixed;
    bottom: 0px;
    right: 20px;
    margin: auto;
    font-size: 8pt;
    color: white;
    opacity: 0.5;
}
    #copyright a {
        color: yellow;
        border-bottom: 1px dotted;
    }

#browser_incompatible {
    position: fixed;
    left: 200px;
    top: 60px;
    color: red;    
}

.alert {
    display: none;
}


/* Scrollbar for IE */
html, body
{
    scrollbar-face-color: #6e6e6e;
    scrollbar-highlight-color: #353535;
    scrollbar-3dlight-color: #353535;
    scrollbar-darkshadow-color: #353535;
    scrollbar-shadow-color: #353535;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #353535;
}
        
/*scroll bar for safari & chrome*/

::-webkit-scrollbar {
width: 15px;
height: 15px;
cursor: move;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 1px;
display: block;
/*background-color: #353535;*/
}

::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment {
height: 1px;
display: block;
/*background-color: #353535;*/
}

::-webkit-scrollbar-track-piece {
background-color: #353535;
cursor: move;
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal
{
/*background-color: #AAAAAA;*/
border: 1px solid #AAAAAA;
-webkit-border-radius: 6px;
}
        
.unselectable 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.theme-white {
        background-image: none;
        background-color: #fff;
        background-repeat: repeat;    
}
    .theme-white #start,  .theme-white #name {
        color: black;
    }

.theme-Bloom {
        background-image: url("../img/wallpapers/In Bloom.jpg");
        background-repeat: repeat;    
}

#ctl00_body_upHeader {
    margin-top: 30px;
}

#ctl00_body_pnlView {
    margin-top: 30px;
}

#ctl00_body_pnlCreate {
    margin-top: 30px;
}

#ctl00_body_GridView1 th {
    font-weight: bold;
}

#ctl00_body_txtTgl_button {
     background:url("../img/tear_off_calendar-26.png") no-repeat #D2D2D2;
     width: 30px;
     padding:0 5px;
}

#ctl00_body_txtStartDate_button {
    background: url("../img/tear_off_calendar-26.png") no-repeat #D2D2D2;
    width: 30px;
    padding: 0 5px;
}

#ctl00_body_txtEndDate_button {
    background: url("../img/tear_off_calendar-26.png") no-repeat #D2D2D2;
    width: 30px;
    padding: 0 5px;
}

#ctl00_body_pnlDetails {
    margin-top: 10px;
}

#ctl00_body_pnlEdit {
    margin-top: 10px;
}

#ctl00_body_pnlDelete {
    margin-top: 10px;
}
